<template>
    <el-container style="height: 80px">
        <el-container>
            <el-header style="text-align: right; font-size: 12px;height: 30px">
                <el-col :span="12" style="text-align: left">
                    <h2 style="font-size: x-large;margin-top: 30px;margin-left: 30px;">企业标准信息公共服务平台</h2>
                </el-col>
                <div style="font-size: 12px;">
                    <el-col :span="12">
                        <div class="grid-content bg-purple" style="margin-top: 30px;margin-left: 150px;text-align: center" >
                            <i class="el-icon-s-help" >{{'\u00a0'}}</i>
                            <el-link type="primary" style="font-size: 12px;"><a href="/" style="color: #409EFF;">帮助中心</a></el-link>&nbsp;&nbsp;
                            <el-divider direction="vertical"></el-divider>
                            <i class="el-icon-s-home" >{{'\u00a0'}}</i>
                            <el-link type="primary" style="font-size: 12px;"><a href="/" style="color: #409EFF;">回到首页</a></el-link>
                        </div>
                    </el-col>
                </div>
            </el-header>
        </el-container>
    </el-container>
</template>

<style>

    .el-icon-s-home:before {
        font-size: 20px;

    }

    .el-icon-s-help:before {
        font-size: 20px;
    }

    .el-header {
        color: #409EFF;
        line-height: 20px;
    }

    a {
        text-decoration: none;
        font-size: 14px;
        display: block;
        width: auto;
        color: #999;
    }

</style>

<script>
    export default {
        name: "Header",
        data() {
            return {
                input: '',
                value: '选项1',

                options: [{
                    value: '选项1',
                    label: '所有'
                }, {
                    value: '选项2',
                    label: '不执行'
                }, {
                    value: '选项3',
                    label: '现行有效'
                }, {
                    value: '选项4',
                    label: '责令改正'
                }, {
                    value: '选项5',
                    label: '企业自行废止'
                }, {
                    value: '选项6',
                    label: '被标准化主管部门废止'
                }]
            }
        }
    };
</script>